
$(".btn1")[0].onmouseover=function(){
    $(".btn1,.btn2").css("opacity", "0.5");
}
$(".btn2")[0].onmouseover=function(){
    $(".btn1,.btn2").css("opacity", "0.5");
}
$(".btn1")[0].onmouseout=function(){
    $(".btn1,.btn2").css("opacity", "0");
}
$(".btn2")[0].onmouseout=function(){
    $(".btn1,.btn2").css("opacity", "0");
}

var i =0;
    var timer;
    $(function(){
        
        $(".ig").eq(0).show().siblings().hide();

        ShowTime();

        $(".tab").hover(function(){
            i=$(this).index();
            Show();
            clearInterval(timer);
        },function(){
            ShowTime();
        });

        $(".btn1").click(function(){
            clearInterval(timer);
            if(i==0){
                i=4;
            }
            i--;
            Show();
            ShowTime();
        });
        $(".btn2").click(function(){
            clearInterval(timer);
            if(i==3){
                i=-1;
            }
            i++;
            Show();
            ShowTime();
        });

    });

    function Show()
    {
        $(".ig").eq(i).fadeIn(1000).siblings().fadeOut(1000);
        $(".tab").eq(i).addClass("bg").siblings().removeClass("bg");
    }
    function ShowTime(){
        timer=setInterval(function(){
                i++;
                if(i==4){
                    i=0;
                }
        Show();
        },4000);
    }
